<template>
	<custom-page :float="true" title="" background-color="transparent" nav-background-color="transparent" borderBottomColor="transparent">
		<template #page>
			<view class="page-content">
				<template v-if="status == '1'">
					<view class="top-view">
						<image :src="asserts.ic_certification_result1" class="status-img"></image>
						<view class="title">您的申请已提交</view>
						<view class="sub-title">请耐心等待，可随时关注审核进度</view>
					</view>
					<view class="confirm-btn bottom-100">联系客服</view>
				</template>
				<template v-if="status == '2'">
					<view class="top-view">
						<image :src="asserts.ic_certification_result3" class="status-img"></image>
						<view class="title">抱歉！助教申请未通过</view>
						<view class="sub-title">您是失信人员，不符合我司助教入驻条件。这里的说明可能会有很多行。如有疑问请俩系客服。</view>
					</view>
					<view class="confirm-btn bottom-100">联系客服</view>
				</template>
				<template v-if="status == '3'">
					<view class="top-view">
						<image :src="asserts.ic_certification_result3" class="status-img"></image>
						<view class="title">未按时完成签约</view>
						<view class="sub-title">你的助教合同未按时完成签约，入驻失败！</view>
					</view>
					<view>
						<view class="confirm-btn bottom-32">重新申请</view>
						<view class="confirm-btn-tow bottom-100">联系客服</view>
					</view>
				</template>
				<template v-if="status == '4'">
					<view class="top-view">
						<image :src="asserts.ic_certification_result2" class="status-img"></image>
						<view class="title">你的申请已通过</view>
						<view class="sub-title">你的助教申请已审核通过，请<text class="col-01c">2024-05-31 12:00</text>前完成签约，过期后申请将自动作废。</view>
					</view>
					<view>
						<view class="confirm-btn bottom-32">去签约</view>
						<view class="confirm-btn-tow bottom-100">联系客服</view>
					</view>
				</template>
				
			</view>
		</template>
	</custom-page>
</template>

<script>
	export default {
		computed: {
			
			
		},
		data() {
			return {
				status: '4',
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="less">
	.page-content{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 0 56rpx;
		box-sizing: border-box;
		background: linear-gradient(180deg, #F5FFFE 0%, #F9F8FD 100%);
	}
	.top-view{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.status-img{
		width: 200rpx;
		height: 200rpx;
		margin-top: 270rpx;
	}
	.title{
		font-size: 36rpx;
		color: #021624;
		line-height: 48rpx;
		margin-top: 46rpx;
	}
	.sub-title{
		margin-top: 16rpx;
		font-size: 28rpx;
		color: #585F70;
		line-height: 48rpx;
	}
	
	.confirm-btn{
		height: 96rpx;
		line-height: 96rpx;
		text-align: center;
		background: rgba(1, 203, 255, 1);
		border-radius: 48rpx;
		font-size: 32rpx;
		color: #FFFFFF;
	}
	.bottom-32{
		margin-bottom: 32rpx;
	}
	.bottom-100{
		margin-bottom: 100rpx;
	}
	.col-01c{
		color: #01CBFF;
	}
	.confirm-btn-tow{
		height: 96rpx;
		line-height: 96rpx;
		background: #F9F9F9;
		text-align: center;
		border-radius: 48rpx 48rpx 48rpx 48rpx;
		border: 2rpx solid #ABAFB7;
		font-size: 32rpx;
		color: #585F70;
	}
</style>
